{include file=$header_start}
{strip}
<link rel="stylesheet" type="text/css" href="{$siteroot}/templates/default/style/findbuilder.css">
<link rel="stylesheet" type="text/css" href="{$siteroot}/templates/default/style/feedback.css">
<link rel="stylesheet" type="text/css" href="{$siteroot}/templates/default/style/dashboard.css">


<script type="text/javascript" src="{$siteroot}/includes/js/jquery.validate.min.js"></script> 
<script type="text/javascript" src="{$siteroot}/includes/js/userquote.js"></script>

<!--[if IE 7 ]>  <link rel="stylesheet" type="text/css" href="{$siteroot}/templates/default/style/ie7.css">   <![endif]-->
<script type="text/javascript" src="{$siteroot}/includes/js/jquery-ui-1.8.17.custom.min.js"></script>
<link rel="stylesheet" type="text/css" href="{$siteroot}/templates/default/style/jquery-ui-1.8.17.custom.css">
<link rel="stylesheet" type="text/css" href="{$siteroot}/templates/default/style/skin.css" />
<script type="text/javascript" src="{$siteroot}/includes/js/jquery.jcarousel.js"></script>

<!--[if IE 7 ]>  <html class="ie7">   <![endif]-->
{/strip}

{literal}
<script type="text/javascript">
$(document).ready(function(){
	$("#tabs").tabs();
});
$(document).ready(function()
{
	$("#msg").fadeOut(7000);
});

	
</script>
<script type="text/javascript">

jQuery(document).ready(function() {
    jQuery('#mycarousel').jcarousel();
});

function testfunction()
{
	if(document.getElementById("all_review").style.display == 'none')
	{
		document.getElementById("all_review").style.display ='block'	
	}
	if(document.getElementById("single_review").style.display == 'block')
	{
		document.getElementById("single_review").style.display ='none'	
	}
		
}

function showJobType(jobidid)
{
	if(jobidid!='')
	{
		ajax.sendrequest("GET",SITEROOT + "/modules/register/show_jobtype.php",{find_jobidid:jobidid},"","isJobType");
	}
	else
		document.getElementById('jobtype').value='';
}
</script>
{/literal}

{include file=$header_end}


<section class="middle_portion">
	<section class="breadcrumbs">
       <!--   <ul id="crumbs">
        <li><a href="{$siteroot}/"> Home</a></li>
        <li><a href="{$siteroot}/findtradesman/">Find a tradesman</a></li>
       <li><a href="javascript:;">{$user_details.first_name|ucfirst} {$user_details.last_name|ucfirst}</a></li>
       <li><a href="#">Kent</a></li>
        <li><a href="#">Dartford</a></li>
        <li>Kentishbuilder</li>
        </ul>-->
    </section>
    <section class="feedback_top">
    	<section class="buil_detl_wrapp">
			<h1>{$user_details.first_name|ucfirst} {$user_details.last_name|ucfirst}   <span>Member since {$user_details.registered_date|date_format:"%d"} {$user_details.registered_date|date_format:"%B"} {$user_details.registered_date|date_format:"%Y"}</span></h1>
        	<section class="loc_box">Location: <span>{$user_details.statename}</span></section>
            <section class="fs_box">Feedback score:<span>{$user_details.userreviewcount} jobs {if $user_details.positive gt 0}{$user_details.positive}% positive{/if}</span></section>
            
        </section>
        <section class="buil_toptrad_wrapp">
			<h1>Top Trades <!--<a href="javascript:;"> View all &raquo;</a>--><section class="clear"></section></h1>
        	<ul>
            	{section name=i loop=$topTradesjobs}
            	<li><a href="{$siteroot}/findtradesman/1/{$topTradesjobs[i].trade_id|base64_encode}/state/findtradesman/">{$topTradesjobs[i].trade_category}</a></li>
                {/section}
                
            </ul>
        </section>
        <!--<section class="buil_invjob_wrapp">
        	<h1><span class="pen_not_icon"></span>Want a quote from this <span>tradesman?</span><section class="clear"></section></h1>
            <article>Click the Invite button, post a job, and this tradesmen will get an alert.Other tradesmen will also be able to express interest in your job.</article>
            <section style="text-align:right;">
            <a href="javascript:;" class="btn">INVITE TO JOB </a>
            </section>
        </section>-->
        <section class="clear"></section>
    </section>
    <section class="trade_searchbody">
  <section class="trade_searchleft">
    <section class="tab_wrapp" id="tabs">
                            <section class="tab_nav" style="margin:0px">
                                <ul>
                                    <li><a href="#profile">Profile</a></li>
                                    <li><a href="#feedback">Feedback</a></li>
                                    <li><a href="#ask">Request A Quote</a></li>
                                    <section class="clear"></section>
                                </ul>
                            </section>
                            <section class="fedb_des_wrapp" id="profile">
                             {if $msg neq ''}
                    <section id="msg">{$msg}</section>
                    {/if}
                            	<section class="pro_detl_wrapp">
                                	<dl>
                                    	<dt>
                                        	<section class="img_box">
                                            {if $user_details.user_avatar}
                                                <img src="{$siteroot}/includes/image.php?width=93&amp;height=93&amp;image={$siteroot}/uploads/user/{$user_details.user_avatar}" title="User Name" alt="User Name"/>
                                            {else}
                                                <img src="{$siteroot}/templates/default/images/upload/featredtrade_img3.jpg" width="93" height="93" title="User Name" alt="User Name" />   
                                             {/if}  
                                            </section>
                                        </dt>
                                        <dd>{$user_details.about_me}</dd>
                                        <section class="clear"></section>
                                	</dl>
                                </section>
                                {if $user_details.userlastreview_feedback neq ''}
                           		<section class="headingbox margin_none">
                                 <span class="lF hetitle" style="color:#5f5f5f; font-size:18px;">&nbsp;Recent Feedback</span>
                                
                                 <section class="clear"></section>  
                                </section>
    							<div id="single_review" style="display:block;">
   								<section class="trademenu_container">
                                	<section class="feedb_name">{$user_details.userlastreview_job_desc|stripslashes|truncate:"30":""}</section>
                                <section class="topbg">
                                	<section class="cat_box">{$user_details.userlastreview_trade_category}</section>
                                </section>
                                <section class="contain">
                                <section class="containpart">
                                  <section class="maintxt">"{$user_details.userlastreview_feedback|stripslashes|truncate:100:"..."}"</section>
                                  <section class="gray_col" ><span class="bluetext"><img src="{$siteroot}/templates/default/images/men_icon.png" align="absmiddle"/> {$user_details.userlastreview_username}</span>&nbsp;&nbsp; | &nbsp;&nbsp;{$user_details.userlastreview_added_date|date_format:"%d"}{$user_details.userlastreview_added_date_suffix} {$user_details.userlastreview_added_date|date_format:"%B"}, {$user_details.userlastreview_added_date|date_format:"%Y"}&nbsp;&nbsp; <!--| &nbsp;&nbsp;<b class="bluetext">Positive</b>--></section>
                                 </section> 
                                </section>
                                <section class="botbg"></section>
                               </section>
                               {else}
                               		<div class="" style="color:#6BC3E6;padding:10px;text-align:center;">Oops, Sorry there are no feedback.</div> 
                                {/if}
       							{if $user_details.userreviewcount gt 1}<section class="view_all_wrapp"><a href="javascript:;" onclick="return testfunction();">View all {$user_details.userreviewcount} feedback comments &raquo;</a></section>{/if}
                                </div>
                                <div id="all_review" style="display:none;" >
                                {section name=i loop=$userreviewdetail}
                                
                                <section class="trademenu_container">
                                	<section class="feedb_name">{$userreviewdetail[i].userlastreview_job_desc|stripslashes|truncate:"30":""}</section>
                                <section class="topbg">
                                	<section class="cat_box">{$userreviewdetail[i].userlastreview_trade_category}</section>
                                </section>
                                <section class="contain">
                                <section class="containpart">
                                  <section class="maintxt">"{$userreviewdetail[i].message|stripslashes}"</section>
                                  <section class="gray_col" ><span class="bluetext"><img src="{$siteroot}/templates/default/images/men_icon.png" align="absmiddle"/> {$userreviewdetail[i].first_name} {$userreviewdetail[i].last_name}</span>&nbsp;&nbsp; | &nbsp;&nbsp;{$userreviewdetail[i].added_date|date_format:"%d"}{$userreviewdetail[i].userlastreview_added_date_suffix} {$userreviewdetail[i].added_date|date_format:"%B"}, {$userreviewdetail[i].added_date|date_format:"%Y"}&nbsp;&nbsp; <!--| &nbsp;&nbsp;<b class="bluetext">Positive</b>--></section>
                                 </section> 
                                </section>
                                <section class="botbg"></section>
                               </section>
                               
                               {/section}
                               </div>
                           </section>
                             <section class="fedb_des_wrapp" id="feedback">
                             	{section name=i loop=$userreviewdetail}
                                
                                <section class="trademenu_container">
                                	<section class="feedb_name">{$userreviewdetail[i].userlastreview_job_desc|stripslashes|truncate:"30":""}</section>
                                <section class="topbg">
                                	<section class="cat_box">{$userreviewdetail[i].userlastreview_trade_category}</section>
                                </section>
                                <section class="contain">
                                <section class="containpart">
                                  <section class="maintxt">"{$userreviewdetail[i].message|stripslashes}"</section>
                                  <section class="gray_col" ><span class="bluetext"><img src="{$siteroot}/templates/default/images/men_icon.png" align="absmiddle"/> {$userreviewdetail[i].first_name} {$userreviewdetail[i].last_name}</span>&nbsp;&nbsp; | &nbsp;&nbsp;{$userreviewdetail[i].added_date|date_format:"%d"}{$userreviewdetail[i].userlastreview_added_date_suffix} {$userreviewdetail[i].added_date|date_format:"%B"}, {$userreviewdetail[i].added_date|date_format:"%Y"}&nbsp;&nbsp; <!--| &nbsp;&nbsp;<b class="bluetext">Positive</b>--></section>
                                 </section> 
                                </section>
                                <section class="botbg"></section>
                               </section>
                               {sectionelse}
											<div class="" style="color:#6BC3E6;padding:10px;text-align:center;">Oops, Sorry there are no feedback.</div>                               		
                               {/section}
                           </section>
                          <section class="fedb_des_wrapp" id="ask">    
                          <form name="frm_contact" id="frm_contact" method="post">
                          <section class="form">
                          
                                  <dl>
                                    <dt class="label lF">Skill:</dt>
                                    <dd class="inputtype lF">
                                    <select name="trade" id="trade" class="select" onchange="showJobType(this.value);">
                                    <option value="">- Select -</option>
                                    {section name=i loop=$newtradecategoryArray}
                                        <option value="{$newtradecategoryArray[i].id}" {if $newtradecategoryArray[i].id eq $tradecatid} selected="selected" {/if}>{$newtradecategoryArray[i].trade_category}</option>
                                    {/section} 
                                    </select>
                                    </dd>
                                    <section class="clear"></section>
                                  </dl>                  
                                   <dl>
                                    <dt class="label lF">Job Type:</dt>
                                    <dd class="inputtype lF">
                                    <div id="isJobType">
                                    <select name="jobtype" id="jobtype" class="select">
                                    <option value="">- Select -</option>
                                    {section name=i loop=$new_tradejobtypeArray}
                                        <option value="{$new_tradejobtypeArray[i].id}">{$new_tradejobtypeArray[i].trade_category}</option>
                                    {/section} 
                                    </select>
                                    </div>
                                    </dd>
                                    <section class="clear"></section>
                                  </dl>
                                   <dl>
                                    <dt class="label lF">Job Details:</dt>
                                    <dd class="inputtype lF"><textarea name="describe_job" id="describe_job" cols="" rows="" class="textbox"></textarea></dd>
                                    <section class="clear"></section>
                                  </dl>
                                   <dl>
                                    <dt class="label lF">Work to start:</dt>
                                    <dd class="inputtype lF">
                                    <select name="work_to_start" id="work_to_start" class="select" >
                                    <option value="">- Select -</option>
                                    <option value="asap">As soon as possible</option>
                                    <option value="1 week">1 week</option>
                                    <option value="2 weeks">2 weeks</option>
                                    <option value="1 month">1 month +</option>
                                    </select>
                                    </dd>
                                    <section class="clear"></section>
                                  </dl>
                                   <dl>
                                    <dt class="label lF">Rough budget:</dt>
                                    <dd class="inputtype lF">
                                    <select name="approx_budget" id="approx_budget" class="select" >
                                    <option value="">-- Select an approx. budget --</option>
                                    {section name=i loop=$getallactivebudgetArray}
                                        <option value="{$getallactivebudgetArray[i].budget_id}">Under ${$getallactivebudgetArray[i].budget_name}</option>
                                    {/section}                              
                                    </select>
                                    </dd>
                                    <section class="clear"></section>
                                  </dl>
                                   <dl>
                                    <dt class="label lF">Fisrt Name:</dt>
                                    <dd class="inputtype lF"><input  type="text" class="input" name="fname" id="fname" {if $smarty.session.first_name neq ''} value="{$smarty.session.first_name}" {else} value="{$smarty.post.fname}" {/if} maxlength="20"></dd>
                                    <section class="clear"></section>
                                  </dl>
                                   <dl>
                                    <dt class="label lF">Last Name:</dt>
                                    <dd class="inputtype lF"><input type="text" class="input" name="lname" id="lname" {if $smarty.session.last_name neq ''} value="{$smarty.session.last_name}" {else} value="{$smarty.post.lname}" {/if}  maxlength="20"></dd>
                                    <section class="clear"></section>
                                  </dl>
                                   <dl>
                                    <dt class="label lF">Email:</dt>
                                    <dd class="inputtype lF"><input type="text" class="input" name="emailaddress" id="emailaddress" {if $smarty.session.email neq ''} value="{$smarty.session.email}" readonly="readonly" {else} value="{$smarty.post.emailaddress}" {/if} ></dd>
                                    <section class="clear"></section>
                                  </dl>
                                   <dl>
                                    <dt class="label lF">Mobile number:</dt>
                                    <dd class="inputtype lF"><input type="text" class="input" name="mobno" id="mobno" {if $userdetail.phone_number neq ''} value="{$userdetail.phone_number}" {else} value="{$smarty.post.mobno}" {/if} maxlength="15"></dd>
                                    <section class="clear"></section>
                                  </dl>
                                   <dl>
                                    <dt class="label lF">Job postcode:</dt>
                                    <dd class="inputtype lF"><input  name="postcode" id="postcode" type="text" class="input"  maxlength="15"></dd>
                                    <section class="clear"></section>
                                  </dl>
                                  <dl>
                                    <dt class="label lF">&nbsp;</dt>
                                    <dd class="inputtype lF">
                                       <section style="margin-bottom:10px;"><input type="submit" name="Submit" id="Submit" value="Submit"class="btn"></section>
                                    </dd>
                                    <section class="clear"></section>
                                  </dl>
                            </section>
                          </form>                        
                           </section>
            			</section>
                       <!--{if $userworkphotodetail} -->
                            <ul id="mycarousel" class="jcarousel-skin-tango">
                            {section name=i loop=$userworkphotodetail}
                            
                            <li>
                                <section class="slider_img_wrapp">
                                <img src="{$siteroot}/includes/image.php?width=150&amp;height=130&amp;image={$siteroot}/uploads/tradesmanjobs/{$userworkphotodetail[i].image}" title="workphoto" alt="workphoto"/>
                                </section>
                                <section class="slider_txt"><a href="javascript:;">{$userworkphotodetail[i].title|stripslashes|truncate:"50":"..."}</a></section>
                            </li>
                            
                            {/section}
							</ul>
                     <!-- {/if}       -->
  <section>
  
  	<section class="newgray_col">Work History</section>
    <section class="wh_txt_wrapp">{if $user_details.workhistory}{$user_details.workhistory|stripslashes}{else}<span class="" style="color:#6BC3E6;padding-left:200px;">Not added yet.</span>{/if}</section>
    
  
    <section class="newgray_col">Qualifications & Accreditations</section>
    <section class="wh_txt_wrapp">{if $user_details.qual_accred}{$user_details.qual_accred|stripslashes}{else}<span class="" style="color:#6BC3E6;padding-left:200px;">Not added yet.</span>{/if}</section>
    
  </section>
  </section>
  <section class="trade_searchright">
   <section class="hiw_right_wrapp">
   	<h1>How It Works</h1>
   	<section class="hiw_box">
    	<section class="post_job_wrapp">
        	<h2>POST A JOB</h2>
        	<article>Describe what need <br />to be done.</article>
        </section>
        <section class="post_job_wrapp">
        	<h2>GET QUOTES</h2>
        	<article>Supplier reply<br />quickly online.</article>
        </section>
        <section class="post_job_wrapp">
        	<h2>Hire Tradesman</h2>
        	<article>Compare profiles & 
feedback reviews</article>
        </section>
        <section class="post_job_wrapp bor_none">
        	<h2>Leave Feedback</h2>
        	<article>Your review matters!</article>
        </section>
    </section>
   </section>
   
   <section class="headingbox">
     <span class="hetitle_gray">Related Links</span>
   </section>
   <ul id="sytlemenu">
   {section name=i loop=$relatedTradesjobs}
    <li><a href="{$siteroot}/findtradesman/1/{$relatedTradesjobs[i].trade_id|base64_encode}/{$user_details.stateid|base64_encode}/findtradesman/">{$relatedTradesjobs[i].trade_category} in {$user_details.statename|lower|ucfirst}</a></li>
    {/section}
   </ul>

  </section>
  <section class="clear"></section>  
 </section>
</section>

{include file=$footer}